@import '~@/assets/icon/iconfont.css';
//公共间隔样式
@each $attr,$val in $type {
    // 全部方向
    @each $multiType,$multiVal in $multiple {
        .#{$attr}#{$multiType}{
            #{$val}:$multiVal * $base-instance
        }
    }

    // 上下左右
    @each $multiType,$multiVal in $multiple {
        .#{$attr}x#{$multiType}{
            #{$val}-top:$multiVal * $base-instance;
            #{$val}-bottom:$multiVal * $base-instance
        }
        .#{$attr}y#{$multiType}{
            #{$val}-left:$multiVal * $base-instance;
            #{$val}-right:$multiVal * $base-instance
        }
    }

    // 所有方向
    @each $multiType,$multiVal in $multiple {
        @each $dicattr,$dicval in $direction {
            .#{$attr}#{$dicattr}#{$multiType}{
                 #{$val}-#{$dicval}:$multiVal * $base-instance;
            }
        }
    }
}

// 字体样式
@each $attr,$val in $font-Multiple {
    .f#{$attr}{
        font-size:$val * $base-font
    }
}

.block{display: block;}
html,body{padding:0;margin: 0;}
ul,li{list-style: none;padding: 0;}
a{text-decoration: none;color: $font-color;}
.flex{display: flex;justify-content: space-between;}
.fl{text-align: left;}
.fr{text-align:right}